<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="shortcut icon" href="../img/icon.ico" type="image/x-icon">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
	
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/popper.js/1.16.0/umd/popper.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>

	<!-- open-iconic -->
	<link href="../open-iconic/font/css/open-iconic-bootstrap.css" rel="stylesheet">

	<script type="text/javascript" src="../js/body-resize.js"></script>
	<script type="text/javascript" src="../js/menu.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/main.css">
	<link rel="stylesheet" type="text/css" href="../css/header.css">
	<link rel="stylesheet" type="text/css" href="../css/footer.css">
</head>
<body>
<div class="container-fluid no-gutters">

	<!-- 导航栏开始 -->
	<div class="header">
		<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top" role="navigation">
			<a class="navbar-brand ml-2 font-weight-bold" href="#">ZHYOUNG</a>
			
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>

			<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
				<form class="form-inline mr-2">
				    <input class="form-control" type="search" placeholder="搜索" aria-label="Search">
				    <button class="btn" type="submit"><img class="img-fluid" src="../img/search.png"></button>
				</form>
				<ul class="navbar-nav">
					<li class="nav-item mr-2 font-weight-light"><a href="#"><span class="oi oi-account-logout"></span> 登出</a></li>
					<li class="nav-item mr-2 font-weight-light"><a href="#"><span class="oi oi-person"></span> 注册</a></li>
					<li class="nav-item mr-2 font-weight-light"><a href="#"><span class="oi oi-account-login"></span> 登录</a></li>
				</ul>
			</div>
		</nav>
	</div>
	<!-- 导航栏结束 -->

	<div class="row content">
		<div class="col-xl-1 col-lg-2 col-md-2 d-none d-md-block bg-dark pt-2 admin-menu small">
			<div class="left-menu notification font-weight-light"><img class="menu-img mr-1" src="../img/notification.png"><a style="text-decoration: none;" href="./index.html">消息通知</a></div>
			<div class="left-menu category font-weight-light"><img class="menu-img mr-1" src="../img/category.png"><a style="text-decoration: none;" href="./category.html">类目管理</a></div>
			<div class="left-menu vip font-weight-light active"><img class="menu-img mr-1" src="../img/vip.png"><a style="text-decoration: none;" href="./vip.html">会员管理</a></div>
			<div class="left-menu article font-weight-light"><img class="menu-img mr-1" src="../img/article.png"><a style="text-decoration: none;" href="./article.html">博文管理</a></div>
			<div class="left-menu comment font-weight-light"><img class="menu-img mr-1" src="../img/comment.png"><a style="text-decoration: none;" href="./comment.html">评论管理</a></div>
		</div>
		<div class="col-xl-11 col-lg-10 col-md-10 col-sm-12 col-12 pt-2">

			<nav class="breadcrumb">
			  <a class="breadcrumb-item" href="./home.html">Home</a>
			  <span class="breadcrumb-item active">会员管理</span>
			</nav>


			<div class="table-responsive">
				<table class="table table-hover table-striped table-sm small row mx-0">
					<thead class="thead-light w-100">
						<tr class="row mx-0">
							<th class="col-2">会员名</th>
							<th class="col-4">会员邮箱</th>
							<th class="col-2">会员积分</th>
							<th class="col-2">会员状态</th>
							<th class="col-2">会员操作</th>
						</tr>
					</thead>
					<tbody class="w-100">
						<tr class="row mx-0">
							<th class="col-2">test1</th>
							<th class="col-4">test1@qq.com</th>
							<th class="col-2">0</th>
							<th class="col-2">正常</th>
							<th class="col-2">
								<button class="mod-btn font-weight-light" data-toggle="modal" data-target="#modModal">修改</button>
								<button type="button" class="del-btn font-weight-light ml-2" data-toggle="modal" data-target="#delModal">删除</button>
							</th>
						</tr>
						<tr class="row mx-0">
							<th class="col-2">test2</th>
							<th class="col-4">test2@qq.com</th>
							<th class="col-2">0</th>
							<th class="col-2">异常</th>
							<th class="col-2">
								<button class="mod-btn font-weight-light" data-toggle="modal" data-target="#modModal">修改</button>
								<button type="button" class="del-btn font-weight-light ml-2" data-toggle="modal" data-target="#delModal">删除</button>
							</th>
						</tr>
						<tr class="row mx-0">
							<th class="col-2">test2</th>
							<th class="col-4">test2@qq.com</th>
							<th class="col-2">0</th>
							<th class="col-2">异常</th>
							<th class="col-2">
								<button class="mod-btn font-weight-light" data-toggle="modal" data-target="#modModal">修改</button>
								<button type="button" class="del-btn font-weight-light ml-2" data-toggle="modal" data-target="#delModal">删除</button>
							</th>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>

	<!-- 底部开始 -->
	<div class="footer fixed-bottom mb-1" role="footer">
		<div class="row justify-content-center  no-gutters">
			<div class="col-auto mr-1">版本号: Beta V0.1</div>
			<div class="col-auto d-none d-sm-block font-weight-bold">·</div>
			<div class="col-auto ml-1">
				<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
		    	<span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>
			</div>
			<div class="w-100"></div>
			<div class="col-auto mr-1"><a class="beian" href="http://www.beian.miit.gov.cn/" target="_blank">赣ICP备16010585号-1</a></div>
			<div class="col-auto d-none d-sm-block font-weight-bold">·</div>
			<div class="col-auto ml-1">&copy; 2019 <a class="me" href="javascript:alert('WeChat: zy-Orient');">zhyoung</a>. All rights reserved</div>
		</div>
	</div>
	<!-- 底部结束 -->

	<!-- 删除会员模态框 -->
	<div class="modal fade" id="delModal">
	  <div class="modal-dialog">
	    <div class="modal-content">
	 
	      <!-- 模态框头部 -->
	      <div class="modal-header">
	        <h4 class="modal-title text-danger">确认删除会员？</h4>
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
	      </div>
	 
	      <!-- 模态框主体 -->
	      <div class="modal-body">
	      	<form>
	      		<div class="form-group">
	      			<label for="uid">确认删除用户名：</label>
	      			<input type="text" class="form-control" id="uid">
	      		</div>
	      		<div class="form-group">
	      			<label for="pwd">管理员密码：</label>
	      			<input type="password" class="form-control" id="pwd">
	      		</div>
	      		<div class="modal-footer">
			        <button type="submit" class="btn btn-primary" data-dismiss="modal">确定</button>
			        <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
	      		</div>
	      	</form>
	      </div>
	 
	    </div>
	  </div>
	</div>

	<!-- 修改会员模态框 -->
	<div class="modal fade" id="modModal">
	  <div class="modal-dialog">
	    <div class="modal-content">
	 
	      <!-- 模态框头部 -->
	      <div class="modal-header">
	        <h4 class="modal-title text-danger">确认修改会员信息？</h4>
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
	      </div>
	 
	      <!-- 模态框主体 -->
	      <div class="modal-body">
	      	<form>
	      		<div class="form-group">
	      			<label for="uid">确认删除用户名：</label>
	      			<input type="text" class="form-control" id="uid">
	      		</div>
	      		<div class="form-group">
	      			<label for="pwd">管理员密码：</label>
	      			<input type="password" class="form-control" id="pwd">
	      		</div>
	      		<div class="modal-footer">
			        <button type="submit" class="btn btn-primary" data-dismiss="modal">确定</button>
			        <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
	      		</div>
	      	</form>
	      </div>
	 
	    </div>
	  </div>
	</div>

</div>
</body>
</html>